<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<%@ include file="/commons/taglibs.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<link href="${ctx}/styles/aux_window.css" rel="stylesheet" type="text/css">
<link href="${ctx}/styles/listTable.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="${ctx}/scripts/common/prototype.js"></script>
<script language="JavaScript" type="text/javascript" src="${ctx}/scripts/public.js"></script>
<script type="text/javascript">
	var liIds = new Array();
	function showFrame(frameType){
		clearStyles();
		$(frameType).className= "selectTag";
		var url = "${ctx}/houseMainLin_houseMainLineAction.do?method=";
		if(frameType == "li1"){
			url +="queryRequisitions";
		}else if(frameType == "li2"){
			url += "queryRenovateViolationInfo"
		}else if(frameType == "li3"){
			url += "queryInspectionRequisition";
		}else if(frameType == "li4"){
			url += "queryDepositAccounting";
		}
		url += "&houseNumber=${houseNumber}";
		$("frameList").src = url;
	}

	function clearStyles(){
		for(var i = 0; i < liIds.length; i++){
			liIds[i].className = "";
		}
	}
	function init(){
		liIds[liIds.length] = $("li1");
		liIds[liIds.length] = $("li2");
		liIds[liIds.length] = $("li3");
		liIds[liIds.length] = $("li4");

		$("frameList").src ="${ctx}/houseMainLin_houseMainLineAction.do?method=queryRequisitions&houseNumber=${houseNumber}";
	}
</script>
</head>
<body onload="init();">
<div style="background-color: #F8FBFE;">
  <table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td ><table width="100%" border="0" cellpadding="0" cellspacing="0" class="container_in_show">
      <tr>
        <td valign="top">
	        <div id="expensedetail">
	                <table width="100%" border="0" cellpadding="5" cellspacing="1">
	                  <tr>
	                    <td >
	                    	<ul id="tags">
		                        <li id="li1" class="selectTag" onClick="showFrame('li1')">
		                          <div align="left">装修手续办理</div>
		                        </li>
	                      		<li id="li2" onClick="showFrame('li2')" >装修监管</li>
						  		<li id="li3" onClick="showFrame('li3')" >装修验收</li>
						 		<li id="li4" onClick="showFrame('li4')" >保证金退还</li>
	                    	</ul>
	                    </td>
	                  </tr>
	                </table>
				    <div id="tagConten" style="height:282px;">
	                  <table width="100%" border="0" cellpadding="0" cellspacing="0"  id="tagContent0">
	                    <tr>
	                      <td class="bg_toolBar" style="text-align:left"></td>
	                    </tr>
	                    <tr>
			      			<td valign="top">
								<iframe  id="frameList"
									name="frameList" height="265" frameborder="0" border="0"  width="100%"
									src="">
								</iframe>
			        		</td>
	    				</tr>
	                  </table>
	                </div>
	        </div>
        </td>
        </tr>
       </table>
    </td>
  </tr>
</table>
</div>
</body>
</html>
